<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="common/index_template">
<head>
<title>欧增奇个人博客(ouzengqi.com)</title>
<meta name="keywords" content="欧增奇,ouzengqi,个人博客">
<meta name="description" content="欧增奇(ouzengqi)分享IT路上的经验、总结等">
</head>
<body>
    <!--/* 使用主页模板-首页内容 */-->
    <div th:fragment="ozq-main-template">
        <div class="layui-row">
            <!--/* 公告 */-->
            <section class="ozq-block ozq-notice">
                <i class="layui-icon">&#xe645;</i>
                <div>热烈祝贺欧增奇个人博客新版本上线了！</div>
            </section>
        </div>
        <div class="layui-row layui-col-space10">
            <div class="layui-col-xs12 layui-col-md8 ">
                <!--/* 轮播图 */-->
                <section class="ozq-block layui-carousel" id="main-carousel"></section>
            </div>
            <div class="layui-col-xs12 layui-col-md4">
                <!--/* 统计信息-发稿/打赏 */-->
                <section class="ozq-block ozq-statistical">
                    <div class="ozq-center layui-row layui-col-space20">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <p th:text="${countArticle}">1</p>
                            <p>博文总数</p>
                        </div>
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <p th:text="${countUser}">1</p>
                            <p>用户总数</p>
                        </div>
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <p th:text="${countComment}">1</p>
                            <p>评论总数</p>
                        </div>
                    </div>
                    <hr class="layui-bg-green">
                    <div class="ozq-center layui-row">
                        <h2>欢迎打赏投稿</h2>
                    </div>
                    <div class="ozq-center layui-row">
                        <a href="/share/article.html" class="layui-btn">我要投稿</a>
                        <button class="layui-btn layui-btn-danger ozq-reward-btn">我要打赏</button>
                    </div>
                </section>
            </div>
        </div>
        <div class="layui-row">
            <!--/* 最新用户 */-->
            <section class="ozq-block ozq-new-user">
                <h2 class="ozq-block-title">最新用户</h2>
            </section>
        </div>
        <div class="ozq-main-body layui-row layui-col-space10">
            <div class="layui-col-xs12 layui-col-md8">
                <!--/* 推荐文章 */-->
                <section class="ozq-article"></section>
            </div>
            <div class="layui-col-xs12 layui-col-md4">
                <!--/* 博主信息 */-->
                <section class="ozq-block ozq-my layui-row">
                    <h2 class="ozq-block-title">博主信息</h2>
                    <div class="ozq-text">
                        <img lay-src="/images/my.png" alt="努力到无能为力;拼搏到感动自己">
                        <p>欧增奇(重庆铜梁)，一个90后的草根。一直跑在IT这条道路上，学习编程快10年，出来工作5年。现在还在不断学习中...</p>
                        <p>近10年来学习了杂七杂八的东西。什么语言、什么软件来着，已经数不过来，因兴趣，我也不知道什么是个头，只知道什么需要，有兴趣就去了解、去尝试，虽然失败的多，成功的少，但是我很快乐、很有成就感！</p>
                    </div>
                    <hr class="layui-bg-green">
                    <div class="ozq-contact ozq-center">
                        <a target="_blank" title="QQ交流" class="iconfont icon-qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=425752797&amp;site=qq&amp;menu=yes">
                            <i class="fa fa-qq"></i>
                        </a>
                        <a target="_blank" title="github" href="https://github.com/ouzengqi">
                            <i class="fa fa-github"></i>
                        </a>
                        <a target="_blank" title="码云" href="https://gitee.com/ouzengqi">
                            <i class="fa fa-git"></i>
                        </a>
                    </div>
                </section>
                <!--/* 博文分类 */-->
                <section class="ozq-block ozq-type-blog layui-row">
                    <h2 class="ozq-block-title">博文分类</h2>
                </section>
                <!--/* 热门博文 */-->
                <section class="ozq-block ozq-com-blog ozq-hot-blog layui-row">
                    <h2 class="ozq-block-title">热门博文</h2>
                </section>
                <!--/* 最新博文 */-->
                <section class="ozq-block ozq-com-blog ozq-new-blog layui-row">
                    <h2 class="ozq-block-title">最新博文</h2>
                </section>
                <!--/* 热评用户 */-->
                <section class="ozq-block ozq-hot-user layui-row">
                    <h2 class="ozq-block-title">热评用户</h2>
                </section>
            </div>
        </div>
    </div>
</body>
</html>